@import '../common.scss';
.wrapper {
    @include outermostWrapper;
    .itemWrapper {
        @include outerWrapper;
        .item {
            @include dashedItem;
            .workTitle {
                @include itemLabel;
                & > :first-child {
                    width: 100%;
                }
            }
            .workContentWrapper {
                width: 100%;
                .contentTitle {
                    font-size: 18px;
                }
                .contentWrapper {
                    @include outerWrapper;
                    .content {
                        @include dashedItem;
                        .top {
                            @include itemMultiInput;
                        }
                        .detailWrapper {
                            width: 100%;
                            .detailTitle {
                                font-size: 16px;
                            }
                            .detailItemWrapper {
                                @include outerWrapper;
                                display: flex;
                                flex-wrap: wrap;
                                gap: 4%;
                                .detailItem {
                                    @include dashedItem;
                                    width: 48%;
                                    .label {
                                        @include itemLabel;
                                        & > :first-child {
                                            width: 48%;
                                        }
                                    }
                                    .value {
                                        @include itemValue;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
